.leftslide {
	animation-name: leftslide;
	animation-duration: 300ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-delay: 0s;
	
	-moz-animation-name: leftslide;
	-moz-animation-duration: 300ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 0s;
	
	-webkit-animation-name: leftslide;
	-webkit-animation-duration: 300ms;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
	
	-o-animation-name: leftslide;
	-o-animation-duration: 300ms;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: 1;
	-o-animation-delay: 0s;
	
	
	left: 50%;
	top: 0;
}

.rightslide {
	animation-name: rightslide;
	animation-duration: 300ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-delay: 0s;
	
	-webkit-animation-name: rightslide;
	-webkit-animation-duration: 300ms;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
	
	-moz-animation-name: rightslide;
	-moz-animation-duration: 300ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 0s;
	
	-o-animation-name: rightslide;
	-o-animation-duration: 300ms;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: 1;
	-o-animation-delay: 0s;

	left: 0;
	top: 0;
}

@keyframes leftslide {
	0% {
		left: 0;
		top: 0;
	}
	100% {
		left: 100%;
		top: 0;
	}
}

@-moz-keyframes leftslide {
	0% {
		left: 0;
		top: 0;
	}
	100% {
		left: 100%;
		top: 0;
	}
}

@-webkit-keyframes leftslide {
	0% {
		left: 0;
		top: 0;
	}
	100% {
		left: 100%;
		top: 0;
	}
}

@-o-keyframes leftslide {
	0% {
		left: 0;
		top: 0;
	}
	100% {
		left: 100%;
		top: 0;
	}
}



@keyframes rightslide {
	0% {
		left: 100%;
		top: 0;
	}
	100% {
		left: 0;
		top: 0;
	}
}

@-moz-keyframes rightslide {
	0% {
		left: 100%;
		top: 0;
	}
	100% {
		left: 0;
		top: 0;
	}
}

@-webkit-keyframes rightslide {
	0% {
		left: 100%;
		top: 0;
	}
	100% {
		left: 0;
		top: 0;
	}
}

@-o-keyframes rightslide {
	0% {
		left: 100%;
		top: 0;
	}
	100% {
		left: 0;
		top: 0;
	}
}